<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>列表</title>
</head>
<style>
    body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #EEF2FB;
        background:url(__PUBLIC__/images/yaprak1.jpg)
    }
    h1{ margin:50px 50px 0}
    h2{ float:right; margin-top:100px; margin-right:100px; font-size:36px; color:#9900FF}
</style>
<body onload="testdate(),test()">
<h1 id="a" style="color:red"></h1>
<h1 id="b" style=" margin:100px 100px; color:#000066"></h1>
</body>
</html>
<script>
    var i=0;//逐字显示功能
    function test() {
        var b =document.getElementById('b')//找到要显示的对象
        var str="--2017-<br>我来了，就在今天互联网多了一名高级攻城狮--<br>HTML,CSS,JS,WEB,.NAT,TP框架--<br>我为大众而生,为大众奉献自己!!!,"//要逐字显示的字符串
        i++;//定义个一个计数器
        var str1=str.substr(0,i);//截取字符串
        b.innerHTML=str1;//显示截取的字符串
        setTimeout("test()",100)//调用window对象 递归调用函数本身,也可以用setInterval函数写在外部
        if (str.length==i)//判断计数器是否超过字符串长度.超过让其归0
        {
            i=0;
        }
    }

    function mubiao() {
        var a =new Date(2093,12,31,00);
        var b = a.getTime();
        return b;
    }
    function today() {
        var today = new Date();
        var b = today.getTime();
        return b;
    }
    function testdate() {
        var cha = mubiao() - today();
        var s = Math.floor(cha/1000)//转化为秒
        var sed = s % 60;//剩余的秒
        var m =  s / 60;//目前的秒转化为多少分钟
        var minu =Math.floor(m % 60);//剩余的分钟
        var hor =Math.floor(m / 60);//小时
        var a = document.getElementById('a');
        //a.innerHTML='距离2093年结束剩余'+hor+'小时'+minu+'分钟'+sed+'秒';
        setTimeout('testdate()',1000);
    }
</script>
<h1><a id="AAA" href="index.html"><input type="button" value="点我进入:博客" style="width: 800px; height: 200px;border-radius: 30px;font-family: 方正舒体;background-color:#00CCFF; font-size: 80px;"></a></h1>